import {useNavigate,useSearchParams,useParams,useLocation} from 'react-router-dom'
export default function withRouter(WrapperComponent){
    //下面返回的是一个函数组件,函数组件的参数是props
    return function(props){
        const navigate=useNavigate()//用来跳转的
        const [query]=useSearchParams()//用来接收query参数的
        const params=useParams()//用来接收params参数
        const {state}=useLocation()//用来state参数的
        return <WrapperComponent 
                    {...props} 
                    navigate={navigate}
                    params={params}
                    query={query}
                    state={state}></WrapperComponent>
    }
}